<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DDR数据驱动框架</title>
    <!--<link rel="icon" href="icon.ico" type="image/x-icon" />-->
    <!--<link rel="shortcut icon" href="icon.ico" type="image/x-icon" />-->
    <meta content="DDR" name="Description">
    <meta content="DDR ddr.js 数据驱动式框架 前端框架" name="Keywords">
    <!--IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--360极速模式-->
    <meta name="renderer" content="webkit">
    <!--移动优先-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./guide-style.css">
</head>
<body>
<div class="page-header">
    <div class="ddr-logo">
        DDR
    </div>
    <div class="nav-top">
        <ul>
            <li><a href="">教程</a></li>
            <li><a href="">API</a></li>
            <li><a href="">示例</a></li>
            <li><a href="">插件</a></li>
            <li><a href="">社区</a></li>
            <li><a href="">参与贡献</a></li>
            <li><a href="./package/Download.html">下载</a></li>
            <li><a href="">登录</a></li>
        </ul>
    </div>
</div>




<div class="guide-page-content">
    <div class="guide-sidebar">
        <div class="list">
            <ul class="menu-root hideLi">
                <li><h3>基础</h3></li>
                <li>
                    <!--<a href="./install.html">安装</a>-->
                    <a >安装</a>

                    <ul>
                        <li>
                            <a href="#独立版本">独立版本</a>
                        </li>
                        <ul>
                            <li>
                                <a href="#CDN">CDN</a>
                            </li>
                        </ul>
                        <li>
                            <a href="#NPM">NPM</a>
                        </li>
                        <ul>
                            <li><a href="#独立构建vs运行时构建">独立构建vs运行时构建</a></li>
                            <li><a href="#csp环境">csp环境</a></li>
                        </ul>
                        <li><a href="#命令行工具">命令行工具</a></li>
                        <li><a href="#开发版本">开发版本</a></li>
                        <li><a href="#Bower">Bower</a></li>
                        <li><a href="#AMD模块加载器">AMD模块加载器</a></li>
                    </ul>
                </li>



                <li><a href="/improve.html">进阶</a></li>
                <li><a href="/transfer.html">迁移</a></li>
                <li><a href="/getmore.html">更多</a></li>
                <li><a href="/five.html">5</a></li>
            </ul>

        </div>
    </div>
    <div class="main-content">
        <h1>安装</h1>
        <h3><a id="兼容性" title="兼容性">#兼容性</a></h3>
        <p>
            Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不
            能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。
        </p>
        <h3><a id="更新日志" title="更新日志">#更新日志</a></h3>
        <p>
            每个版本的更新日志见 GitHub。
        </p>
        <h2><a id="独立版本">独立版本</a></h2>
        <p>
            直接下载并用标签引入，Vue 会被注册为一个全局变量。重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。
        </p>
        <h3><a id="CDN" title="CDN">#CDN</a></h3>
        <p>
            推荐：unpkg, 会保持和 npm 发布的最新的版本一致。可以在 unpkg.com/vue/ 浏览 npm 包资源。
            也可以从 jsdelivr 或 cdnjs 获取，不过这两个服务版本更新可能略滞后。
        </p>
        <h3><a id="独立构建vs运行时构建" title="独立构建vs运行时都建">#独立构建vs运行时都建</a></h3>
        <p>
            有两种构建方式，独立构建和运行构建。它们的区别在于前者包含模板编译器而后者不包含。
            模板编译用于编译 Vue 模板字符串成纯 JavaScript 渲染函数。如果你想用 template 选项， 你需要编译。
            模板编译器的职责是将模板字符串编译为纯 JavaScript 的渲染函数。如果你想要在组件中使用 template 选项，你就需要编译器。
            独立构建包含模板编译器并支持 template 选项。 它也依赖于浏览器的接口的存在，所以你不能使用它来为服务器端渲染。
            运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项，但即使使用运行时构建，在单文件组件中也依然可以写模板，因为单文件组件的模板会在构建时预编译为 render 函数。运行时构建比独立构建要轻量30%，只有 17.14 Kb min+gzip大小。
        </p>
        <h3><a id="csp环境" title="csp环境">#csp环境</a></h3>
        <p>
            有些环境，如 Google Chrome Apps ，强制应用内容安全策略 (CSP) ，不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板，所以无法使用这些环境。
            另一方面，运行时构建的是完全兼容 CSP 的。当通过 Webpack + vue-loader 或者 Browserify + vueify 构建时，在 CSP 环境中模板将被完美预编译到 render 函数中。
        </p>
    </div>
    <div class="guide-content"></div>
</div>







<div class="page-footer">
    <div class="foot-center">
        <div class="foot-link-img">
            <img src="src/image/x1_u30.png" alt="我的微博">
            <img src="src/image/w1_u32.png" alt="我的微信">
        </div>
        <div class="foot-link-text">
            <a href="">企业合作</a>
            <a href="">联系我们</a>
            <a href="">加入我们</a>
            <a href="">团队介绍</a>
            <p><a href="">雷创公司荣誉出品</a></p>
        </div>
    </div>
</div>
<script src="./src/js/guide.js"></script>
</body>
</html>